{% extends "base.html" %}

{% block title %}
Tabela de Funcionários
{% endblock title %}

{% block extrahead %}
$(function() {
		$('#botao_busca').addClass('active');
                $( "#id_data_nascimento" ).datepicker({
			changeMonth: true,
			changeYear: true,
                        dateFormat: 'dd/mm/yy',
                        yearRange: '1900:2011'
		});

	});

{% endblock extrahead %}

{% block content %}
			<div class="box-header clear">
				<h2>Tabela de Funcionários</h2>
			</div>
				
			<div class="box-wrap clear">
					
			<!-- DATA-TABLE JS PLUGIN -->
			<div id="data-table">
					<form method="post" action="">
						<table class="style1 datatable">
						<thead>
							<tr>
								<th>Nome:</th>
								<th>Cargo:</th>
								<th>Telefone:</th>
								<th>Celular:</th>
								<th>Endereço:</th>
								<th>Data de Nascimento:</th>
								<th>Unidade:</th>
								<th>Ver Detalhes:</th>
								
							</tr>
						</thead>
						<tbody>
							
							{% for funcionario in lista_funcionario %}
								<tr>
									<td>{{funcionario.nome}}</td>
									<td>{{funcionario.cargo}}</td>
									<td>{{funcionario.telefone}}</td>
									<td>{{funcionario.celular}}</td>
									<td>{{funcionario.endereco}}</td>
									<td>{{funcionario.data_nascimento}}</td>
									<td> {% for unidade in funcionario.unidade.all %} {{unidade.nome}};{% endfor %}</td>
									<td>
										<a href="/ver_funcionario/{{funcionario.id}}"><img src="/static/images/view_icon.jpg" class="botao_acao"></a>
										{% if perm_mant %}
										<a href="/deleta_funcionario/{{funcionario.id}}"><img src="/static/images/ico_delete_16.png" class="botao_acao"></a>
										{% endif %}
									</td>
								</tr>
							{% endfor %}
                                                        
						</tbody>
						</table>
						
						<div class="tab-footer clear fl">

							
						</div>
					</form>
			</div><!-- /#table -->
					
					
					
			</div><!-- end of box-wrap -->

		

						
{% endblock content %}
